
/** 客户端按钮主色调 */
.main-btn-color { color: #435061; }
/** 底部色 **/
.main-bg-color { background: #F5F5F7 }
.main-font-shadow-color { color: #B6B6B6 }
.main-card-bg-color { background: #FFFFFF;}
.primary-text-color{ color: #364760; }
.primary-all-color {color: #4BABF6 !important;}
/* 字体 */
.font-11{ font-size: 11px; }
.font-sm{ font-size: 12px; }
.font-13{ font-size: 13px; }
.font-14{ font-size:14px; }
.font{ font-size: 15px; }
.font-16{ font-size:16px; }
.font-18{ font-size:18px; }
.font-md{ font-size: 20px; }
.font-lg{ font-size: 30px; }
.font-big{ font-size: 50px; }

.font-w { font-weight: 600 }
.font-b { font-weight: bold }

/* flex布局 */
.d-flex{ display: flex; }
.d-block{ display: block; }
.d-inline-block{ display: inline-block; }

.flex-1{ flex: 1; }
.flex-2{ flex: 2; }
.flex-column{ flex-direction: column; }
.flex-row{ flex-direction: row; }
.flex-row-reverse{flex-direction:row-reverse; }
.flex-wrap{ flex-wrap: wrap; }
.flex-nowrap{ flex-wrap: nowrap; }
.flex-shrink{flex-shrink: 0;}
.j-start{ justify-content: flex-start; }
.j-center{ justify-content: center; }
.j-end{ justify-content: flex-end; }
.j-sb{ justify-content: space-between; }
.j-sa{ justify-content: space-around; }
.a-center{ align-items:center; }
.a-start{ align-items: flex-start; }
.a-end{ align-items:flex-end; }
.a-stretch{ align-items: stretch; }
.a-self-start{ align-self: flex-start; }
.a-self-auto{ align-self: auto; }
.a-self-end{ align-self: flex-end; }
.a-self-stretch{ align-self:stretch; }
.a-self-baseline{ align-self:baseline; }


.p-0 {padding: 0;}
.p {padding: 5px;}
.p-1 {padding: 10px;}
.p-15 {padding: 15px;}
.p-2 {padding: 20px;}
.p-3 {padding: 30px;}
.p-4 {padding: 40px;}
.p-5 {padding: 50px;}
.p-20{padding:20px;}

.px-0 { padding-left: 0;padding-right: 0;}
.px { padding-left: 5px;padding-right: 5px;}
.px-1 { padding-left: 10px;padding-right: 10px;}
.px-2 { padding-left: 20px;padding-right: 20px;}
.px-3 { padding-left: 30px;padding-right: 30px;}
.px-4 { padding-left: 40px;padding-right: 40px;}
.px-5 { padding-left: 50px;padding-right: 50px;}

.py-0 { padding-top: 0;padding-bottom: 0;}
.py { padding-top: 5px;padding-bottom: 5px;}
.py-1 { padding-top: 10px;padding-bottom: 10px;}
.py-2 { padding-top: 20px;padding-bottom: 20px;}
.py-3 { padding-top: 30px;padding-bottom: 30px;}
.py-4 { padding-top: 40px;padding-bottom: 40px;}
.py-5 { padding-top: 50px;padding-bottom: 50px;}

.pt-0 { padding-top: 0;}
.pt { padding-top: 5px;}
.pt-1 { padding-top: 10px;}
.pt-15 { padding-top: 15px;}
.pt-2 { padding-top: 20px;}
.pt-3 { padding-top: 30px;}
.pt-4 { padding-top: 40px;}
.pt-5 { padding-top: 50px;}
.pt-16 { padding-top: 16px !important;}


.pb-0 { padding-bottom: 0;}
.pb { padding-bottom: 5px;}
.pb-1 { padding-bottom: 10px;}
.pb-15 { padding-bottom: 15px;}
.pb-2 { padding-bottom: 20px;}
.pb-3 { padding-bottom: 30px;}
.pb-4 { padding-bottom: 40px;}
.pb-5 { padding-bottom: 50px;}

.pl-0 { padding-left: 0;}
.pl { padding-left: 5px;}
.pl-1 { padding-left: 10px;}
.pl-15 { padding-left: 15px;}
.pl-2 { padding-left: 20px;}
.pl-3 { padding-left: 30px;}
.pl-4 { padding-left: 40px;}
.pl-5 { padding-left: 50px;}
.pl-16 { padding-left: 16px !important;}

.pr-0 { padding-right: 0;}
.pr { padding-right: 5px;}
.pr-1 { padding-right: 10px;}
.pr-15 { padding-right: 15px;}
.pr-2 { padding-right: 20px;}
.pr-3 { padding-right: 30px;}
.pr-4 { padding-right: 40px;}
.pr-5 { padding-right: 50px;}
.pr-16 { padding-right: 16px !important;}

@for $i from 1 through 12 {
  .flex-#{$i} { flex:  $i; }
}

@for $i from 1 through 9 {
  .fw-#{$i} { font-weight:  (100 * $i) !important; }
}
@for $i from 0 through 200 {
  /* 外边距 */
  .mt-#{$i} { margin-top:  (1px * $i) !important; }
  .mr-#{$i} { margin-right: $i*1px !important;   }
  .ml-#{$i} { margin-left:  (1px * $i) !important; }
  .mb-#{$i} { margin-bottom:  (1px * $i) !important; }
  .mr-tb-#{$i} { margin:$i*1px 0 !important;   }
  .mr-lr-#{$i} { margin: 0 $i*1px !important;   }
  .m-#{$i} { margin:  (1px * $i) !important; }
  /* 内边距 */
  .pdt-#{$i} { padding-top:  (1px * $i) !important; }
  .pdr-#{$i} { padding-right: $i*1px !important;   }
  .pdl-#{$i} { padding-left:  (1px * $i) !important; }
  .pdb-#{$i} { padding-bottom:  (1px * $i) !important; }
  .pd-tb-#{$i} { padding:$i*1px 0 !important;   }
  .pd-lr-#{$i} { padding:0 $i*1px  !important;   }
  .pd-#{$i} { padding:  (1px * $i) !important; }
}
@for $i from 12 through 40 {
  .font-#{$i} { font-size:  (1px * $i) !important; }
}
// 宽度
@for $i from 0 through 500 {
  .customWidth-#{$i} { width:  (1px * $i) !important; }
}
// 最大宽度
@for $i from 0 through 500 {
  .customMaxWidth-#{$i} { max-width:  (1px * $i) !important; }
}
// 最小宽度
@for $i from 0 through 500 {
  .customMinWidth-#{$i} { min-width:  (1px * $i) !important; }
}
// 宽度%
@for $i from 0 through 100 {
  .customWidthPer-#{$i} { width:  (1% * $i) !important; }
}
// 高度
@for $i from 0 through 500 {
  .customHeight-#{$i} { height:  (1px * $i) !important; }
}
.mr-1 {margin-right: 10px !important;}
.mb-1 {margin-bottom: 10px !important;}
.ml-1 {margin-left: 10px !important;}
.mt-1 {margin-top: 10px !important;}
.theme-text-color{
  &:hover{
    color: #4BABF6 !important;
  }
}

.text-center { text-align: center !important;}
.text-left { text-align: left !important;}
.text-right { text-align: right !important;}

.white-noWrap { white-space: nowrap !important; }
.white-pre-line { white-space: pre-line !important; }
// 处理当表格数据只有一条再显示加载中时 加载中被表格截取
.el-table{
	overflow: visible;
}

// 表格无数据的样式
.nodate{ width: 120px;}
.tableHieght{
	height: 170px !important;
  .el-table__body-wrapper{
    height: 130px;
  }
}
.el-table__empty-text{
	line-height: 10px !important;
}
.space{
	white-space: nowrap;
}

.el-table .cell, .el-link, .el-tabs__item, .el-input, .el-select-dropdown__item{
	font-size: $fontSize13;
}
.el-table td .cell{
	padding: 0 5px 0 10px;
}
// 移入指针变成一只手
.pointer{
	cursor: pointer;
}
.textHover{
  &:hover{
    color: #4BABF6 !important;
  }
}
.no-padding {  padding: 0px !important;}

.padding-content {padding: 4px 0;}

.app-container {
  padding:15px 20px;
}

.components-container {
  margin: 30px 50px;
  position: relative;
}

.pagination-container {
  margin-top: 16px;
  display: flex;
  justify-content: center;
}
// 文字溢出显示省略号
.ellipsis{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
@for $clamp from 1 through 50 {
  .ellipsis-#{$clamp}{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: $clamp;
    -webkit-box-orient: vertical;
    word-break: break-all;
    line-clamp: $clamp;
    margin-top: 8px;
    line-height: 20px;
  }
}


.text_t1{
	font-size:$font_t1;
	line-height: 16px;
}
.text_t2{
	font-size:$font_t2;
	line-height: 18px;
}
.text_t3{
	font-size:$font_t3;
	line-height: 20px;
}
.text_t4{
	font-size:$font_t4;
	line-height: 22px;
}

// tip 宽度

.incomplete_50{width:50vw;}
.incomplete_80{width:80vw;}
/**
* 布局样式
*/

//主体容器
.evol-main-container {
  position: relative;
  padding: 15px 20px;
	min-width: 1000px;
}
.evol-new-main-container {
  position: relative;
  background-color: #f6f6f6;
  min-height: calc(100vh - 50px);
	min-width: 1000px;
}

.main-container-padding{
  padding: 16px;
}
.main-container-margin{
  margin: 16px;
}
.main-container-padding-tabs{
  padding: 16px 16px 0;
}
.main-container-padding-table{
  padding: 10px;
}
.bor-ra-4{
  border-radius: 4px;
}
.bor-ra-5{
  border-radius: 5px;
}
.bor-ra-20{
  border-radius: 20px;
}
.searchItemWrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.searchItem{
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-right: 16px;
  margin-bottom: 16px;
}
.searchItemLabel{
  color: #364760;
  word-break: keep-all;
  font-size: 14px;
}
.searchItemInfoBtn{
  width: 90px;
  height: 36px;
  margin-bottom: 16px;
}
.tableLayout{
  background-color: #fff;
  border-radius: 5px;
  margin: 16px;
  padding: 16px;
}
.searchLayout{
  padding: 16px 16px 0;
  background-color: #fff;
}
.echartTitle{
  border-bottom: 1px solid #EAECEF;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #364760;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  font-weight: bold;
}
.chartTitle-spaceBetween{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  width: 100%;
  border-bottom: 1px solid #EAECEF;
  .title{
    padding:0 16px;
    font-size: 14px;
    color: #364760;
    font-weight: bold;
  }
}
.dialog-basicInfo{
    color: #364760;
    font-size: 15px;
    background-color: #F5F7FA;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
    &::before{
      content: '';
      display: inline-block;
      width: 4px;
      height: 16px;
      background-color: #364760;
      vertical-align: text-bottom;
      margin-right: 10px;
      border-radius: 5px;
    }
  }
.nobg-basicInfo{
  color: #364760;
  font-size: 15px;
  font-weight: bold;
  height: 34px;
  line-height: 34px;
  &::before{
    content: '';
    display: inline-block;
    width: 4px;
    height: 16px;
    background-color: #364760;
    vertical-align: text-bottom;
    margin-right: 10px;
    border-radius: 5px;
  }
}
.bottomLine{
  border-bottom: 1px solid #EAECEF;
}
.el-message{
  z-index: 9999 !important;
}

.width100{
  width: 100%;
}
.width50{
  width: 50%;
}
.width80{
  width: 80%;
}
.width90{
  width: 90%;
}
// .height{
//   width: 100% !important;
// }

.keep-all{
  word-break: keep-all;
}

.back-fff{
  background-color: #fff;
}
.grey_50{
  color: #9AA3AF;
}

// 1.1 表格样式
.el-table {
  &.el-table-1-1{
    border-left: none !important;
    border-right: none !important;
    &:before{
      display: none;
    }
    &:after{
      display: none;
    }
    .el-table__header{
      border-top: none !important;
    }
    .el-table__fixed{
      &:before{
        display: none;
      }
    }
    .el-table__fixed-right{
      &:before{
        display: none;
      }
    }
    tr{
      td{
          &:nth-last-child(1){
            border-right: none !important;
          }
          border-right: 1px solid transparent;
          border-left: 1px solid transparent;
      }
      th{
          &:nth-last-child(1){
            border-right: none !important;
       }
       border-right: 1px solid transparent;
       border-left: 1px solid transparent;
       .el-checkbox{
         margin-left: 5px;
       }
      }
      .noRightBorder{
        border-right: none !important;
      }
    }
  }
}

// 1.1 tabs样式
.el-tabs-1-1{
  margin: 0 !important;
  .el-tabs__header{
    margin-bottom: 0 !important;
  }
  .el-tabs__nav-wrap{
    &::after{
      display: none;
    }
  }
  .el-tabs__item {
      height: 20px !important;
      line-height: 0px !important;
  }
}

//
.dialogMessageBox{
    .el-message-box__header{
      padding-top: 15px !important;
    }
}

.el-table__fixed{
  height: 100% !important;
}

.table-noBorder{
  border: none !important;
}

.EvolPopoverSetting{
    .el-checkbox-group{
      display: flex;
      flex-wrap: wrap;
      .el-checkbox{
        width: 33%;
        display: flex;
        align-items: center;
        margin-right: 0 !important;
        margin-bottom: 10px;
        .el-checkbox__label{
          white-space: initial;
          margin-right: 5px;
        }
      }
    }
  }